<template>
	<view class="mh100 pb115 bfa index">
		<view class="p23">
			<mg-cell last="1" bgc="transparent" cname="p0" :btt="mdxx.shopName" bttc="f36 wei" :ft="false" :arrow="false"
				asize="18" ac="iconright1" ftc="f24 c3">
				<!-- <view slot="ft" class="p-a yd bsf"></view> -->
			</mg-cell>
			<view class="mi1c p3 bs15 mt10 f-row" style="min-height: 240rpx;">
				<view class="f-col f-g-1">
					<view class="f-col">
						<view>可提现金额（元）</view>
						<view class="f48 wei mt20">{{mdxx.money.money}}</view>
					</view>
				<!-- 	<view class="f-row mt50 mb30">
						<view class="mr60">总资产</view>
						<view class="wei">{{mdxx.money.allMoney}}</view>
					</view> -->
				</view>
				<view class="f-g-1 t-r">
					<view class="dis-in border-btn" @click="go({t:1,url:'/yb_shd/my/other/capital-list'})">提现明细</view>
				</view>
			</view>
			<view class="f-sa-c mt50">
				<view v-for="item in navigateArr" :key="item.name" class="f-c-c" @click="goDl(item)">
					<view style="width: 50rpx;height: 50rpx;"><mg-img :src="item.icon" /></view>
					<view class="mt5">{{item.name}}</view>
				</view>
			</view>
		</view>
		<view style="height: 200rpx;"></view>
	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from 'vuex';
	export default {
		name: 'my-index',
		data() {
			return {
				opcity: 0,
				navigateArr:[
					{
						name:'提现申请',
						icon:'/static/img/wallet/cash_out.png',
						url:'/yb_shd/my/wallet/cash-out'
						},
					{
						name:'提现方式',
						icon:'/static/img/wallet/cash_account.png',
						url:'/yb_shd/my/wallet/cash-account'
						},
					{
						name:'提现明细',
						icon:'/static/img/wallet/cash_capital.png',
						url:'/yb_shd/my/other/capital-list'
						}
				],
				mdxx: {
					shopName:'正在加载···',
					money:{money:'0.00'}
				}
			};
		},
		computed: {
			// ...mapState(['sjxx', 'version'])
		},
		onLoad(options) {
			this.util.setNT('我的钱包');
		},
		onShow() {
			this.getData()
		},
		methods: {
			// ...mapMutations(['delAccount', 'removeAccount']),
			goDl(v) {
				this.go({
					t: 1,
					url: v.url
				});
			},
			getData() {
				this.util
					.request({
						url: this.api.wdymxx,
						method: 'POST'
					})
					.then(res => {
						if (res.code == 1) {
							this.mdxx = res.data;
							this.showloading = false;
						} else {
							this.util.message(res.msg, 3);
							this.showloading = false;
						}
					});
			},
		}
	};
</script>
<style scoped lang="scss">
	.border-btn{
		    border: 1px solid rgba($color: #000000, $alpha: .4);
		    padding: 5rpx 25rpx;
		    border-radius: 10rpx;
	}
	.mi1c {
		// background: #F9D43E;
		background: #FE9367;
	}
	.yd {
		right: -12rpx;
		top: 4rpx;
		width: 12rpx;
		height: 12rpx;
		background: #fe5f58;
	}
	.index{
		height: 100vh;
		background: #FFFFFF;
	}
</style>